/**
 * 调用该函数返回一段html代码
*/
function teacherleftMenu(){
    return `<div class="row mt-5">
        <img style="width: 6rem; height: 6rem;" class="img-thumbnail rounded-circle mx-auto d-block" src="../康校长结业课.jpg" alt="头像">
    </div>
    <div class="row mt-3">
        <h3 class="text-center">康笑长</h3>
    </div>
    <div class="mt-3 d-flex justify-content-around">
        <a href="#" class="btn btn-outline-primary rounded-pill btn-sm">账号管理</a>
        <a href="#" class="btn btn-outline-warning rounded-pill btn-sm">输入邀请码</a>
    </div>
    <!-- 菜单导航 -->
    <ul class="list-group mt-3">
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="#" >
                <i class="bi bi-mortarboard-fill"></i>
                学期教学
            </a>
        </li>
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="/teacher/">
                <i class="bi bi-mortarboard-fill"></i>
                课程
            </a>
        </li>
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="#">
                <i class="bi bi-mortarboard-fill"></i>
                教学
            </a>
        </li>
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="/teacher/depart.html">
                <i class="bi bi-envelope-paper-fill"></i>
                系部管理
            </a>
        </li>
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="/teacher/class.html">
                <i class="bi bi-people-fill"></i>
                班级管理
            </a>
        </li>
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="#">
                <i class="bi bi-chat-dots-fill"></i>
                消息
            </a>
        </li>
        <li class="list-group-item border border-0">
            <a class="link-secondary" href="#">
                <i class="bi bi-cloud-download-fill"></i>
                下载中心
            </a>
        </li>
      </ul>`;
}
let leftmenu = teacherleftMenu();
console.log( $(leftmenu) );
//使用jquery的DOM操作将html替换到左侧菜单栏中
$("#leftmenu").append($(leftmenu))